<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试专用工具</title>
    <!-- rem布局头部 -->
    <script>
      !function(){
        var winWidth = document.documentElement.offsetWidth ||
        document.body.offsetWidth
        // winWidth = winWidth < 1366 ? 1366 : winWidth
        winWidth = winWidth < 900 ? 900 : winWidth
        var oHtml = document.getElementsByTagName('html')[0]
        oHtml.style.fontSize = 100 * winWidth / 1920 + 'px'
      
        window.addEventListener('resize', function () {
          var winWidth = document.documentElement.offsetWidth || document.body.offsetWidth
          // winWidth = winWidth < 1400 ? 1400 : winWidth
          winWidth = winWidth < 900 ? 900 : winWidth
          var oHtml = document.getElementsByTagName('html')[0]
          oHtml.style.fontSize = 100 * winWidth / 1920 + 'px'
        })
      }()
    </script>
    <link rel="stylesheet" type="text/css" href="/css/reset.css" />
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
